﻿@model MyPortfolio.Models.HomePageModel
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="generator" content="Bootply" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="@ViewBag.MetaDescription" />
    <meta name="keywords" content="@ViewBag.MetaKeywords" />
    <title>和桥互生</title>
    <!-- CSS 
        ================================================== -->
    <!-- Bootstrap 3-->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <!-- Google Fonts -->
    <!--<link href='/css/customer.css' rel='stylesheet' type='text/css'>-->
    <!-- Template Styles -->
    <link href="/css/style.css" rel="stylesheet" media="screen">
</head>
<body>

    <!-- NAVBAR
	      ================================================== -->
    <nav class="navbar navbar-default" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <!--Replace text with your app name or logo image-->
                <a class="navbar-brand" href="#">和桥互生</a>

            </div>
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav">
                    <li><a onclick="$('header').animatescroll({padding:71});">首页</a></li>
                    <li><a onclick="$('.detail').animatescroll({padding:71});">产品介绍</a></li>
                    <li><a onclick="$('.features').animatescroll({padding:71});">新闻</a></li>
                    <li><a onclick="$('.social').animatescroll({padding:71});">关于我们</a></li>
                    <li><a onclick="$('.get-it').animatescroll({padding:71});">联系我们</a></li>
                </ul>
            </div>
        </div>
    </nav>


    <!-- HEADER
	   ================================================== -->
    <header>
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1>和桥互生</h1>
                    <p class="lead">携手和桥 互利共赢</p>

                    <div class="carousel-iphone">
                        <div id="carousel-example-generic" class="carousel slide">

                            <!-- Indicators -->
                            <ol class="carousel-indicators">
                                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                            </ol>

                            <!-- Wrapper for slides -->
                            <div class="carousel-inner">
                                <div class="item active">
                                    <img src="/img/screenshots/banner-1.jpg" alt="App Screen 1">
                                </div>
                                <div class="item">
                                    <img src="/img/screenshots/banner-2.jpg" alt="App Screen 2">
                                </div>
                                <div class="item">
                                    <img src="/img/screenshots/banner-3.jpg" alt="App Screen 3">
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>


    <!-- PURCHASE
	      ================================================== -->
    <section class="purchase">
        <div class="container">
            <div class="row">
                <div class="col-md-offset-2 col-md-8">
                    <h1>携手和桥，互利共赢</h1>
                    <p class="lead">
                        锁定、抢占、分享首批10万会员
                    </p>
                    <p class="text-center">
                        携手和桥互生积分卡，消费也能挣钱
                    </p>
                    <p class="text-center">
                        1积分 = 1RMB，免费医疗补贴计划
                    </p>
                    <p class="text-center">
                        积少成多，秒结到账
                    </p>
                </div>
            </div>
        </div>
    </section>


    <!-- PAYOFF 
	      ================================================== -->
    <section class="payoff">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1>一卡在手 消费赚钱</h1>
                </div>
            </div>
        </div>
    </section>


    <!-- DETAILS 
	      ================================================== -->
    <section class="detail">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div id="carousel-example-generic-2" class="carousel slide">

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner">
                            <div class="item active">
                                <div class="row">
                                    <div class="col-sm-12 col-md-offset-1 col-md-6">
                                        <h1>以和为贵，互利共赢</h1>
                                        <p>和者，天下之达道</p>
                                    </div>
                                    <div class="col-sm-12 col-md-5">
                                        <div class="app-screenshot">
                                            <img src="/img/screenshots/banner-1.jpg" class="img-responsive" alt="App Screen 1">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="row">
                                    <div class="col-sm-12 col-md-offset-1 col-md-6">
                                        <h1>和谐互生，消费增值</h1>
                                        <p>消费赚积分，积分兑现金</p>
                                        <p>秒结到账！所有的消费积分通过平台技术进行格式化的统一分配</p>
                                    </div>
                                    <div class="col-sm-12 col-md-5">
                                        <div class="app-screenshot">
                                            <img src="/img/screenshots/banner-2.jpg" class="img-responsive" alt="App Screen 2">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="row">
                                    <div class="col-sm-12 col-md-offset-1 col-md-6">
                                        <h1>点卡成金</h1>
                                        <p>通过几年的市场探索和调研，吸取了积分卡市场的优劣沉沦的经验教训，通过整合，提炼和实践</p>
                                        <p>创造了和桥互生积分卡</p>
                                        <p>“积少成多，分分兑现”的全新商业模式</p>
                                    </div>
                                    <div class="col-sm-12 col-md-5">
                                        <div class="app-screenshot">
                                            <img src="/img/screenshots/banner-3.jpg" class="img-responsive" alt="App Screen 3">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Indicators -->
                        <ol class="carousel-indicators">
                            <li data-target="#carousel-example-generic-2" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic-2" data-slide-to="1"></li>
                            <li data-target="#carousel-example-generic-2" data-slide-to="2"></li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </section>


    @if (Model != null && Model.News != null && Model.News.Count > 0)
    {
        <!-- FEATURES
	      ================================================== -->
        <section class="features">
            <div class="container">
                <div class="row">
                    @foreach (var news in Model.News)
                    {
                        <div class="col-md-4">
                            <div class="circle"><i class="icon-bookmark"></i></div>
                            <h2>@news.NewSource</h2>
                            <p>@news.Title</p>
                        </div>                        
                    }
                    @*<div class="col-md-4">
                        <div class="circle"><i class="icon-bookmark"></i></div>
                        <h2>和桥互生新闻一</h2>
                        <p>和桥互生官方网站上线啦！</p>
                    </div>

                    <div class="col-md-4">
                        <div class="circle"><i class="icon-keypad"></i></div>
                        <h2>和桥互生新闻二</h2>
                        <p>和桥互生上市啦！</p>
                    </div>

                    <div class="col-md-4">
                        <div class="circle"><i class="icon-like"></i></div>
                        <h2>和桥互生新闻三</h2>
                        <p>和桥互生进入世界500强！</p>
                    </div>*@

                </div>
            </div>
        </section>
    }

    <!-- SOCIAL
	     ================================================== -->
    <section class="social">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>我们致力于</h2>
                    <p>帮助企业锁定消费者的终身消费，实现企业持续盈利；</p>
                    <p>突破商品盈利来远点，给企业带来新的盈利增长点；</p>
                    <p>增加企业产品的附加值，喜迎消费者来消费；</p>
                    <p>拉动内需、建立消费信心、做大市场蛋糕、增加消费频率；</p>
                    <p>为企业降低运营成本，管理成本，广告成本；</p>
                    <p>让您的企业在同行同等实力的情况下立于不败之地。</p>
                </div>
            </div>
        </div>
    </section>


    <!-- GET IT 
	     ================================================== -->
    <section class="get-it">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1>联系我们</h1>
                    <address>
                        <strong>abc, LLC.</strong><br>
                        上海市长宁区中山西路1065号<br>
                        SOHO中山广场B506室<br>
                        电话: (021) 6043 8837<br />
                        传真: (021) 6043 8836
                    </address>

                    <address>
                        <strong>我们的邮箱</strong><br>
                        <a href="mailto:#">first.last@example.com</a>
                    </address>
                </div>
                <div class="col-md-12">
                    <hr />
                    <ul>
                        <li><a href="#link-here">淘宝</a></li>
                        <li><a href="#link-here">天猫</a></li>
                        <li><a href="#link-here">京东</a></li>
                        <li><a href="#link-here">一号店</a></li>
                        <li><a href="#link-here">亚马逊</a></li>
                        <li><a href="#link-here">苏宁易购</a></li>
                    </ul>
                    <div class="clear"></div>
                    <br />
                    <p>本站由GoT提供技术支持</p>
                </div>
            </div>
        </div>
    </section>


    <!-- JAVASCRIPT
	     ================================================== -->
    <script src="/js/jquery.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/animatescroll.js"></script>
    <script src="/js/scripts.js"></script>
    <script src="/js/retina-1.1.0.min.js"></script>
</body>
</html>
